/*样式系统变量定义*/
html {
    // width: 100vw;
    // font-size: 625%;
    font-size: 100px;
    letter-spacing: px2rem(0.5);

    //  font-size: 425%;
    //  zoom: 0.8;
    // font-size: 525%;
    // @include responsive("md"){
    //     font-size: 546.75%;
    // }
    // @include responsive("xxl"){
    //     font-size: 625%;
    // }
    @include responsive("xl") {
        font-size: 96px;
    }

    @include responsive("lg") {
        font-size: 100px;
    }

    @include responsive("md") {
        font-size: 100px;
    }

    @include responsive("sm") {
        font-size: 100px;
    }

    @include responsive("xs") {
        font-size: 96px;
    }

    // 'xxl': 'only screen and ( max-width: 1400px)',
    // 'xl': 'only screen and ( max-width: 1200px)', //pc
    // 'lg': 'only screen and ( max-width: 992px)',
    // 'md': 'only screen and ( max-width: 768px)', //pad
    // 'sm': 'only screen and ( max-width: 576px)', //mobile
    // 'xs': 'only screen and ( max-width: 0px)',

}

#translate {
    display: none;
}

:root {
    --sytem-padding-left: 12.5%;
    --sytem-padding-right: 12.5%;
}


// @include responsive("xxl") {
//     :root {
//         --sytem-padding-left: 9%;
//         --sytem-padding-right: 9%;
//     }
// }

// @include responsive("xl") {
//     :root {
//         --sytem-padding-left: 6%;
//         --sytem-padding-right: 6%;
//     }
// }

@include responsive("lg") {
    :root {
        --sytem-padding-left: 8%;
        --sytem-padding-right: 8%;
    }
}

@include responsive("md") {
    :root {
        --sytem-padding-left: 4%;
        --sytem-padding-right: 4%;
    }
}

// @include responsive("sm") {
//     :root {
//         --sytem-padding-left: 1%;
//         --sytem-padding-right: 1%;
//     }
// }

// @include responsive("xs") {
//     :root {
//         --sytem-padding-left: 0;
//         --sytem-padding-right: 0;
//     }
// }

//页面通用样式
// 左右间距
$pagePaddingLeft: var(--sytem-padding-left);
$pagePaddingRight: var(--sytem-padding-right);
$pagePaddingTop: 0;
$pagePaddingBottom: 0;

/* 禁止页面字体放大 */
body {
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

// 单位换算 100px = 1rem
body {
    font-size: 0.16rem;
    font-family: "Microsoft YaHei", 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

html,
body {
    scroll-behavior: auto;
}

// 导航栏
$topHeight: px2rem(125);
$topDhHeight: px2rem(80);
// 底部栏
$footHeight: px2rem(40);

// 侧边栏
$sideBarWidth: px2rem(260);
$sideBarMenuHeight: px2rem(200); //calc(100vh - $topHeight);
$sideBarTop: px2rem(10);
$sideBarRight: px2rem(20);
$sideBarCollapseWidth: px2rem(60);

// 中间最小高度
$minBodyHeight: calc(100vh - $topHeight - $footHeight);
$pagePadding: $pagePaddingTop $pagePaddingRight $pagePaddingBottom $pagePaddingLeft;



// 宽度
$pageWidth: calc(100% - $pagePaddingLeft - $pagePaddingRight);